<template>
  <SlotSon>
    <template #header="headerProps">
      <h1>这是头{{ headerProps.message }}</h1>
    </template>

    <!-- 隐式的默认插槽 -->
    <template #default="defaultProps">
      <div title="这是默认插槽部分">
        <p>A paragraph for the main content.{{ defaultProps.text }}</p>
        <p>And another one.{{ defaultProps.count }}</p>
      </div>
    </template>

    <template v-slot:footer>
      <p>这是footer</p>
    </template>
  </SlotSon>
</template>

<script lang="ts" setup>
import SlotSon from './SlotSonView.vue'

</script>

<style scoped lang="less">

</style>
